.page-error {}
.page-error > .header { height: 1.6rem; }
.page-error > .header > .logo { left: 0; right: 0; width: 4rem; height: .74rem; margin: auto; text-indent: -999em; }
.page-error > .header > .logo::after { width: 1.07rem; height: .28rem; background-position: -4.1rem 0; background-size: auto .74rem; }
.page-error > .main { display: flex; flex-direction: column; justify-content: center; align-items: center; flex: 1; min-height: 6.5rem; }
.page-error > .main::before {
    content: '';
    display: block;
    width: 100%;
    height: 3.4rem;
    margin-bottom: .1rem;
    background: url(../images/page-error-bg.png) center no-repeat;
    background-size: auto 100%;
    }
.page-error.page-maintain > .main::before { height: 3.88rem; background-image: url(../images/page-maintain-bg.png); }

.page-error-text { width: 100%; font-size: .36rem; text-align: center; }
.page-error-nav { display: flex; align-items: center; justify-content: center; margin-top: .3rem; font-size: .2rem; font-weight: 600; line-height: 2; }
.page-error-nav > a { position: relative; padding-left: .32rem; margin-left: .7rem; transition: color .2s; }
.page-error-nav > a:first-of-type { margin-left: 0; }
.page-error-nav > a::before,
.page-error-nav > a::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: .22rem;
    background: center no-repeat;
    background-size: 100% auto;
    transition: transform .3s linear, opacity .3s linear;
    }
.page-error-nav > a::after { z-index: 2; opacity: 0; }
.page-error-nav > a:hover,
.page-error-nav > a:active { color: #d42e2e; }
.page-error-nav > a:hover::before,
.page-error-nav > a:active::before { opacity: 0; transform: translateX(-3px); }
.page-error-nav > a:hover::after,
.page-error-nav > a:active::after { opacity: 1; transform: translateX(-3px); }
.page-error-nav > a.go-home::before { background-image:url(''); }
.page-error-nav > a.go-home::after { background-image:url(''); }
.page-error-nav > a.go-back::before { background-image:url(''); }
.page-error-nav > a.go-back::after { background-image:url(''); }
